<!DOCTYPE html>
<html lang="zxx" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>小型购物商城</title>
	<meta charset="UTF-8">
	<meta name="description" content="The Plaza eCommerce Template">
	<meta name="keywords" content="plaza, eCommerce, creative, html">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Favicon -->
	<link href="/asserts/img/favicon.ico" rel="shortcut icon"/>

	<!-- Google Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

	<!-- Stylesheets -->
	<link rel="stylesheet" href="/asserts/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="/asserts/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="/asserts/css/owl.carousel.css"/>
	<link rel="stylesheet" href="/asserts/css/style.css"/>
	<link rel="stylesheet" href="/asserts/css/animate.css"/>


	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->

</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
	<div class="loader"></div>
</div>

<!-- Header section -->
<header class="header-section">
	<div class="container-fluid">
		<!-- logo -->
		<div class="site-logo">
			<img src="/asserts/img/logo.png" alt="logo">
		</div>
		<!-- responsive -->
		<div class="nav-switch">
			<i class="fa fa-bars"></i>
		</div>
		<div class="header-right">
			<a href="car" class="card-bag"><img src="/asserts/img/icons/bag.png" alt=""><a style="color: purple;" >购物车</a></a>

		</div>
		<!-- site menu -->
		<ul class="main-menu">
			<li><a href="resign">返回登录</a></li>
			<li><a href="index">商城首页</a></li>
			<li><a href="checkout">结账</a></li>
			<li><a href="categorie">商品总览</a></li>
			<li><a href="contact">联系我们</a></li>
			<li><a href="chanpwd">修改密码</a></li>
		</ul>
	</div>
</header>
<!-- Header section end -->


<!-- Hero section -->
<section class="hero-section set-bg" >
	<div class="hero-slider owl-carousel">
		<div class="hs-item">
			<div class="hs-left"><img src="/asserts/img/categorie-page-top.png" alt=""></div>
			<div class="hs-right">
				<div class="hs-content">
					<div class="price">from $19.90</div>
					<h2><span>2020</span> <br>summer collection</h2>
					<a href="categorie" class="site-btn">Shop NOW!</a>
				</div>
			</div>
		</div>
		<div class="hs-item">
			<div class="hs-left"><img src="/asserts/img/3.png" alt=""></div>
			<div class="hs-right">
				<div class="hs-content">
					<div class="price">from $19.90</div>
					<h2><span>2020</span> <br>summer collection</h2>
					<a href="categorie" class="site-btn">Shop NOW!</a>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Hero section end -->


<!-- Intro section -->
<section class="intro-section spad pb-0">
	<div class="section-title">
		<h2>聚划算の产品</h2>
		<p>我们推荐的</p>
	</div>
	<div class="intro-slider">
		<ul class="slidee">
			<li>
				<div class="intro-item">
					<figure>
						<img src="/asserts/img/highlevel/1.jpg" alt="#">
					</figure>
					<div class="product-info">
						<h5>麻辣小龙虾</h5>
						<p>$5</p>
						<a th:href="@{addToCart(index=12)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</li>
			<li>
				<div class="intro-item">
					<figure>
						<img src="/asserts/img/highlevel/2.jpg" alt="#">
						<div class="bache">NEW</div>
					</figure>
					<div class="product-info">
						<h5>蓝皮怪</h5>
						<p>$10</p>
						<a th:href="@{addToCart(index=14)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</li>
			<li>
				<div class="intro-item">
					<figure>
						<img src="/asserts/img/highlevel/3.jpg" alt="#">
						<div class="bache">NEW</div>
					</figure>
					<div class="product-info">
						<h5>3MC X DISNEY SPORT GOOFY DISNEY高飞联名系列经典运动鞋</h5>
						<p>$100</p>
						<a th:href="@{addToCart(index=35)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</li>
			<li>
				<div class="intro-item">
					<figure>
						<img src="/asserts/img/highlevel/4.jpg" alt="#">
					</figure>
					<div class="product-info">
						<h5>NIKE AIR MAX 2090</h5>
						<p>$135</p>
						<a th:href="@{addToCart(index=26)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</li>
			<li>
				<div class="intro-item">
					<figure>
						<img src="/asserts/img/highlevel/5.jpg" alt="#">
					</figure>
					<div class="product-info">
						<h5>梵高向日葵系列油画</h5>
						<p>$319.50</p>
						<a th:href="@{addToCart(index=16)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<div class="container">
		<div class="scrollbar">
			<div class="handle">
				<div class="mousearea"></div>
			</div>
		</div>
	</div>
</section>
<!-- Intro section end -->



<!-- Featured section -->
<div class="featured-section spad">
	<div class="container">
		<div class="row">
			<div class="col-md-6">
				<div class="featured-item">
					<img src="asserts/img/featured/1.jpg" alt="">
					<a href="shoe" class="site-btn">更多信息</a>
				</div>
			</div>
			<div class="col-md-6">
				<div class="featured-item mb-0">
					<img src="asserts/img/featured/2.jpg" alt="">
					<a href="shoe" class="site-btn">更多信息</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Featured section end -->


<!-- Product section -->
<section class="product-section spad">
	<div class="container">
		<ul class="product-filter controls">
			<li class="control" data-filter=".new">新上市</li>
			<li class="control" data-filter="all">推荐</li>
			<li class="control" data-filter=".best">最畅销</li>
		</ul>
		<div class="row" id="product-filter">
			<!--第一个商品-->
			<div class="mix col-lg-3 col-md-6 best">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/others/10.jpg" alt="">
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>稻草人玩偶</h6>
						<p>$7</p>
						<a th:href="@{addToCart(index=22)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
			<div class="mix col-lg-3 col-md-6 new">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/foods/2.jpg" alt="">
						<div class="bache">NEW</div>
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>亲嘴烧</h6>
						<p>$2</p>
						<a th:href="@{addToCart(index=2)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
			<div class="mix col-lg-3 col-md-6 best">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/foods/6.jpg" alt="">
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>三只松鼠</h6>
						<p>$4</p>
						<a th:href="@{addToCart(index=6)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
			<div class="mix col-lg-3 col-md-6 new best">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/shoes/4.jpg" alt="">
						<div class="bache sale">SALE</div>
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>KYRIE 6 EP</h6>
						<p>$134 </p>
						<a th:href="@{addToCart(index=28)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
			<div class="mix col-lg-3 col-md-6 best">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/others/5.jpg" alt="">
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>可爱兔子玩偶</h6>
						<p>$8</p>
						<a th:href="@{addToCart(index=17)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
			<div class="mix col-lg-3 col-md-6 new">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/shoes/10.jpg" alt="">
						<div class="bache">NEW</div>
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>YUNG-1 经典运动鞋</h6>
						<p>$137</p>
						<a th:href="@{addToCart(index=34)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
			<div class="mix col-lg-3 col-md-6 best">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/others/9.jpg" alt="">
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>小人装饰</h6>
						<p>$3</p>
						<a th:href="@{addToCart(index=21)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
			<div class="mix col-lg-3 col-md-6 best">
				<div class="product-item">
					<figure>
						<img src="/asserts/img/products/shoes/12.jpg" alt="">
						<div class="pi-meta">
							<div class="pi-m-left">
								<img src="/asserts/img/icons/eye.png" alt="">
								<p></p>
							</div>
							<div class="pi-m-right">
								<img src="/asserts/img/icons/heart.png" alt="">
								<p></p>
							</div>
						</div>
					</figure>
					<div class="product-info">
						<h6>SUPERSTAR W 经典运动鞋</h6>
						<p>$140  </p>
						<a th:href="@{addToCart(index=36)}" class="site-btn btn-line">置入购物车</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Product section end -->

<!-- Blog section end -->


<!-- Footer top section -->

<!-- Footer top section end -->


<!-- Footer section end -->

<section class="footer-top-section home-footer">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-8 col-sm-12">
				<div class="footer-widget about-widget">
					<img src="/asserts/img/logo.png" class="footer-logo" alt="">


				</div>
			</div>
			<div class="col-lg-2 col-md-4 col-sm-6">
				<div class="footer-widget">
					<h6 class="fw-title">友情链接</h6>
					<ul>
						<li><a href="#">合作伙伴</a></li>
						<li><a href="#">博客</a></li>
						<li><a href="#">支持</a></li>
						<li><a href="#">使用条款</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-2 col-md-4 col-sm-6">
				<div class="footer-widget">
					<h6 class="fw-title">网站导航</h6>
					<ul>
						<li><a href="resign">返回登录</a></li>
						<li><a href="index">商品首页</a></li>
						<li><a href="checkout">结账</a></li>
						<li><a href="categorie">商品总览</a></li>
						<li><a href="contact">联系我们</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-2 col-md-4 col-sm-6">
				<div class="footer-widget">
					<h6 class="fw-title">运送与退货</h6>
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">跟踪订单</a></li>
						<li><a href="#">退货</a></li>
						<li><a href="#">运输</a></li>
					</ul>
				</div>
			</div>
			<div class="col-lg-2 col-md-4 col-sm-6">
				<div class="footer-widget">
					<h6 class="fw-title">意见反馈</h6>
					<div class="text-box">
						<p>经营人地址 </p>
						<p>湖南省湘潭市雨湖区湖南科技大学 </p>
						<p>客服电话：18873242003</p>
						<p>联系邮箱：zty1119094861@sina.com</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Footer section -->
<footer class="footer-section">
	<div class="container">
		<p class="copyright">
			<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
			Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
			<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
		</p>
	</div>
</footer>

<!--====== Javascripts & Jquery ======-->
<script src="/asserts/js/jquery-3.2.1.min.js"></script>
<script src="/asserts/js/bootstrap.min.js"></script>
<script src="/asserts/js/owl.carousel.min.js"></script>
<script src="/asserts/js/mixitup.min.js"></script>
<script src="/asserts/js/sly.min.js"></script>
<script src="/asserts/js/jquery.nicescroll.min.js"></script>
<script src="/asserts/js/main.js"></script>
</body>
</html>